// .credit_content{
//     display: flex;
//     flex-flow: column;
//     height: 100%;
//     width: 100vw;
//     flex-direction: column;
//     justify-content: space-evenly;
//     // background-image: url(../../../assets/images/android/drawable-xxhdpi/mycredit-banner.png) ;
//     // background-repeat: no-repeat;
// }


// @media screen and (max-width: 812px)  and (-webkit-min-device-pixel-ratio:2) {
//     .credit_content {
//         display: flex;
//         flex-flow: column;
//         height: 100%;
//         width: 100vw;
//         flex-direction: column;
//         justify-content: space-evenly;

//         background-image: url(../../../assets/images/android/drawable-xxhdpi/mycredit-banner.png);
//         background-repeat: no-repeat;
//     }
// }


@media only screen and (max-width: 563px) and (max-height: 1218px) {
    .credit_content {
        display: flex;
        flex-flow: column;
        height: 100%;
        width: 100vw;
        flex-direction: column;
        justify-content: space-evenly;
        background-size: 100% 100%;
        background-image: url(../../../assets/images/android/drawable-xxxhdpi/mycredit-banner.png);
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 188px) and (max-height: 406px){
    .credit_content {
        display: flex;
        flex-flow: column;
        height: 100%;
        width: 100vw;
        flex-direction: column;
        justify-content: space-evenly;
        background-size: 100% 100%;
        background-image: url(../../../assets/images/android/drawable-mdpi/mycredit-banner.png);
        background-repeat: no-repeat;
    }
}

@media only screen  and (max-width: 1125px) and (max-height: 2436px){
    .credit_content {
        display: flex;
        flex-flow: column;
        height: 100%;
        width: 100vw;
        flex-direction: column;
        justify-content: space-evenly;
        background-size: 100% 100%;
        background-image: url(../../../assets/images/ios/mycredit-banner@3x.png);
        background-repeat: no-repeat;
    }
}

@media only screen  and (max-width: 750px) and (max-height: 1624px){
    .credit_content {
        display: flex;
        flex-flow: column;
        height: 100%;
        width: 100vw;
        flex-direction: column;
        justify-content: space-evenly;
        background-size: 100% 100%;
        background-image: url(../../../assets/images/ios/mycredit-banner@2x.png);
        background-repeat: no-repeat;
    }
}

//iphone X
@media only screen and (max-width: 375px) and (max-height: 812px){
    .credit_content {
        display: flex;
        flex-flow: column;
        height: 100%;
        width: 100vw;
        flex-direction: column;
        // justify-content: space-evenly;
        justify-content: flex-start;
        background-size: 100% 100%;
        background-image: url(../../../assets/images/ios/mycredit-banner.png);
        background-repeat: no-repeat;
    }
}

// .credit_content div:first-child{
//     margin-bottom: 16px;
// }
.font_white {
    color: #fff;

    ion-text {
        font-size: 12px;
    }
}

.available_credit_title {
    color: #727272;
    font-size: 14px;
    font-weight: 700;
}

.amt_font {
    font-size: 32px;
    font-weight: 700;
    color: #15489B;
}

.content_title {

    // padding-top: 2vh;
    p {
        font-size: 20px;
        color: #fff;
    }
}

.icon_img {
    height: 100%;
    width: 100%;

    ion-img {
        height: 100%;
        width: 100%;
    }
}

.available_credit {
    width: 100%;
    margin-bottom: 24px;
    // height: 23vh;
}

#c_content {
    // background-color: #2d7ad6;
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    // height: 20vh;
    // border: 1px red solid;
    background-color: #fff;
}

#t_1>span:first-child {
    display: block;
    // border-right: 1px red solid;
    border-right: #dbe5f1 1px solid;
}

span {
    text-align: center;
}

p {
    text-align: center;
    font-size: 12px;
}
.credit_content_title{
    margin-bottom: 16px;
}
.transaction_credit {
    width: 100%;
    margin-bottom: 48px;
    // height: 16vh;
}

#transcation_content {
    // background-color: #2d7ad6;
    width: 100%;
    border-radius: 15px 15px 15px 15px;
    // border: 1px red solid;
    background-color: #fff;
}

.bold {
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.i-grid {
    height: 100%;
}

.i-col {

    p {
        height: 5vh;
        line-height: 2.5rem;
        // border-right: 1px red solid;
        border-right: #dbe5f1 1px solid;
    }
}

.font_center {
    height: 5vh;
    line-height: 2.5rem;
}

.provide_info {
    width: 100%;
    height: 35vh;
}

// .border_row {
//     border: 1px black solid;
// }

.clean_padding_horizontal{
    padding-left: 0px;
    padding-right: 0px;
}


.icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: #15489B;
    overflow: hidden;
    margin-right: 10px;
  }

  .main_area{
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
  }


  ion-label{
      h2{
          font-size: 14px;
          font-weight: bold;
      }

  }

  .i_btn{
      border: 1px #e8e8e8 solid;
  }

  .icon_verified {
    width: 100%;
    height: 100%;
    vertical-align: -0.15em;
    fill: #51AFFF;
    overflow: hidden;
    // margin-right: 10px;
  }

  .icon_header {
    width: 5vw;
    height: 3vh;
    vertical-align: -0.15em;
    fill: #fff;
    overflow: hidden;
  }

  .header_top{
    height: 44px;
    box-sizing: content-box;
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .titleFont{
    color: #fff;
    font-size: 18px;
    // padding: 0;
    float: left;
    width: 100%;
    opacity: 1.0;
}

.title_icon{
    width: 5vw;
    height: 3vh;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

ion-content{
    // --background:red;
    --background:transparent;
}

ion-toolbar{
    // --background:red;
    --background:transparent;
}


ion-header{
    // background-color:red;
    background-color:transparent;
}